<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 <script type="text/javascript" src="js/themeswitchertool.js"></script>
<!-- 页面右边的工具箱 -->
<div id="tabs-east" class="ui-layout-east no-padding no-scrollbar">
	<div class="ui-widget-header no-scrollbar add-padding" style="margin: 0 1px;">
		工具箱
	</div>
	<div id="east-toolbar" class="ui-state-highlight ui-widget-content no-scrollbar add-padding"
	style="position: relative; margin: 0 1px;">
		<button onClick="pageLayout.resizeAll()" title="Resize All Layouts (after theme change)">调整大小</button>
		<button onClick="removeUITheme(); pageLayout.resizeAll()" title="Remove Custom Theme">清除主题</button>
	</div>
	<p></p>
	<ul class="allow-overflow">
		<li><a href="#tab-panel-east-1">搜索</a></li>
		<li><a href="#tab-panel-east-2">全局搜索</a></li>
		<li><a href="#tab-panel-east-3">快速链接</a></li>
	</ul>
	<div class="ui-layout-content ui-widget-content no-scrollbar" style="border-top: 0;">
		<div id="tab-panel-east-1" class="full-height no-padding add-scrollbar">
			<div class="ui-tabs-panel outline">
				<b>Tabs using a header and layout-content div</b>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
					Vestibulum condimentum neque a velit laoreet dapibus.</p>
				<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
				<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
				<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
			</div>
		</div>
		<div id="tab-panel-east-3" class="full-height no-padding add-scrollbar">
			<div class="ui-tabs-panel outline">
				<p>Cras nec arcu sed nisi varius fermentum ut non nulla. Pellentesque ultricies condimentum nibh, 
				nec imperdiet felis laoreet sit amet.</p>
			</div>
		</div>
		<div id="tab-panel-east-2" class="full-height no-padding no-scrollbar">
			<div id="accordion-east" class="full-height">
		
					<h3><a href="#">Section 1</a></h3>
					<div>
						<b>Accordion inside a Tab inside a content-div inside a layout-pane</b>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
							Vestibulum condimentum neque a velit laoreet dapibus. 
							Etiam eleifend tempus pharetra.
						</p>
						<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
						<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
						<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
					</div>
		
					<h3><a href="#">Section 2</a></h3>
					<div>
						<p style="font-weight: bold;">Sed Non Urna</p>
		
						<p>Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus.
							Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit,
							faucibus interdum tellus libero ac justo.</p>
						<p>Vivamus non quam. In suscipit faucibus urna.</p>
					</div>
		
					<h3><a href="#">Section 3</a></h3>
					<div>
						<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
							Phasellus pellentesque purus in massa. Aenean in pede.</p>
					</div>
		
					<h3><a href="#">Section 4</a></h3>
					<div>
						<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames 
							ac turpis egestas.</p>
						<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
							Aenean lacinia mauris vel est.</p>
						<p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
							Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
					</div>
		
			</div>
		</div>
	</div>
</div>